<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 想安全，用加密，原来的加密：MD5 -->
    <form action="https://www.baidu.com" method="post" name="form1">
        <!-- 1、单行文本输入框 -->
         用户名:<input type="text" value="啊啊啊啊" maxlength="6" name="username" size="20">
         <br>
         <!-- 2、密码框 -->
         密码:<input type="password">
         <br>
        <!-- 3、单选框（单选按钮） -->
         男：<input type="radio" name="gender" checked>
         女：<input type="radio" name="gender">
         <!-- 4、多选框（复选框） -->
          爱好：唱歌 <input type="checkbox" checked>跳舞<input type="checkbox"><br>
          <!-- 5、文件域 -->
           上传头像：<input type="file"><br>
           <!-- 8、普通按钮 -->
            <input type="button" value="点我出去"><br>
            <!-- 9、图片按钮 -->
             <input type="image" src="./img/猫猫.jpg" width="100"><br>
           <!-- 6、提交按钮 -->
            <input type="submit" value="立即注册"><br>
            <!-- 7、重置按钮 -->
             <input type="reset" value="重新填写"><br>
             <!-- 10、文本域，多行文本输入框 -->
              <textarea cols="50" rows="10" style="resize: none;"></textarea><br>
              <!-- 11、下拉菜单 -->
               出生地选择：
               <select name="" id="">
                    <option value="北京">北京</option>
                    <option>上海</option>
                    <option selected>重庆</option>
                    <option>成都</option>
                    <option>大理</option>
               </select><br>
               <!-- 12、label标签 -->
                <label for="man">男：</label>
                <input type="radio" id="man" name="gen">
                <label for="man">女：</label>
                <input type="radio" id="woman" name="gen"><br>
                <label for="nc">昵称</label>
                <input type="text" id="nc"><br>
    </form>
</body>
</html>